import React from 'react';
import { Outlet } from 'react-router-dom';
import { Layout } from 'antd';
import './LoginLayout.scss';

/**
 * 登录布局组件
 * 实现全屏居中的登录页面，包含背景和品牌信息
 */
const LoginLayout: React.FC = () => {
  return (
    <Layout className="login-layout">
      <div className="login-background">
        <div className="brand-container">
          <h1 className="brand-title">新闻发布管理系统</h1>
          <p className="brand-subtitle">快速、高效的新闻发布与管理平台</p>
        </div>
        
        <div className="login-content">
          <Outlet />
        </div>
        
        <div className="login-footer">
          <p>新闻发布管理系统 &copy; {new Date().getFullYear()} （高勇）</p>
          <p>推荐使用Chrome浏览器访问 · 最佳分辨率1920×1080</p>
        </div>
      </div>
    </Layout>
  );
};

export default LoginLayout;
